﻿#loginPanel {
  padding: 10px;
  background-color: rgba(115, 115, 115, 0.5);
  color: white;
  width: 260px; }
  #loginPanel a {
    font-size: 1.3rem;
    margin-left: 1rem;
    margin-top: 5px; }
  #loginPanel small {
    color: #d86666; }

#loginForm {
  position: relative; }
  #loginForm input {
    width: 100%;
    height: 3rem;
    line-height: 2.6rem;
    background-image: url("/UI/imgs/components/inputIcons.png");
    background-repeat: no-repeat;
    background-size: 2.5rem;
    padding-left: 2.6rem; }
  #loginForm > .InputGroup {
    width: 100%;
    margin-bottom: 5px; }

#lnkPanel {
  text-align: right; }
  #lnkPanel > a {
    color: #f19033; }
    #lnkPanel > a:hover {
      color: #3caed4; }

#loginKey {
  background-position-y: 0.2rem; }

#loginPwd {
  background-size: 2.3rem !important;
  background-position-y: -2.7rem; }

#loginTitle {
  float: left; }

#wxLoginTitle {
  float: right;
  width: 40%;
  text-align: center; }

#loginQR {
  position: absolute;
  top: 3px;
  right: 0;
  width: 40%;
  height: 97%;
  background-image: url("/UI/imgs/wx-icon.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  background-origin: content-box;
  transition: background-image linear .5s; }
